<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="css/base.css" type="text/css" />
    <link rel="stylesheet" href="css/cart.css" type="text/css" />
    <link rel="stylesheet" href="css/common.css" type="text/css" />
</head>
<body>
    <!-- 文字滚动效果部分 -->
    <div class="announcement">
        <div class="announcement-contain">
            <p><img src="./image/notice-icon.png">欢迎访问我们的网站！这里有最新的产品信息和优惠活动，敬请关注！</p>
        </div>
    </div>

    <!-- 导航部分 -->
	<div class="nav">
		<div class="w">
			<ul class="nav_left fl">
				<li>
					<a href="#">正品保障，免息分期!</a>
				</li>
			</ul>
			<ul class="nav_right">
				<li>
					<a href="./user.html" target="_blank">用户中心</a>
				</li>
				<li>
					<a href="./register.html" target="_blank" style="color: #ae0f17;">注册即送6800元大礼包</a>
				</li>
				<li>
					<span>|</span>
				</li>
				<li>
					<a href="./cart.html">购物车</a>
				</li>
				<li>
					<a href="#" id="customer-service">客服服务</a>
				</li>
				<li>
					<a href="javascript:;" class="theme" id="theme">切换主题</a>

				</li>
				<li>
					<span>|</span>
				</li>
				<li>
					<a href="#">ENGLISH</a>
				</li>
			</ul>
		</div>
	</div>
    <!-- 头部部分 -->
    <div class="header w">
        <!-- 头部logo部分 -->
        <div class="header_left fl">
            <h1 class="logo fl">
                <a href="#">
                    <img src="image/logo.png" />
                </a>
            </h1>
            <a href="#" class="logo_text">
                <h1>全球名表专业大平台</h1>
            </a>
        </div>
        <!-- 头部搜索部分 -->
        <div class="header_right fl">
            <div class="header_search">
                <label class="srh_lab fl">
                    <i></i>
                    <span class="srh_txt">阿玛尼5年电保</span>
                    <input type="text" class="srh_news" />
                </label>
                <button class="srh_btn fl">搜索</button>
            </div>
        </div>
    </div>

    <!-- main部分开始 -->
    <div class="w">
        <div id="cart">
            <div class="productTitle clear">
                <div class="all fl">
                    <input type="checkbox" name="all">全选
                </div>
                <div class="info fl">产品信息</div>
                <div class="picTitle fl">单价</div>
                <div class="numTitle fl">数量</div>
                <div class="rmbTitle fl">小计</div>
                <div class="handle fl">操作</div>
            </div>
            <div class="list"></div>
            <div class="empty-cart" style="display: none;">
                <div class="empty-cart-message">
                    <p>您的购物车为空！</p>
                    <a href="./index.html" class="return-home">返回首页</a> 或
                    <a href="./detail.html" class="continue-shopping">返回商品</a>
                </div>
            </div>
            <div class="total">
                总计:￥<span id="total">0.00</span>
                <button id="buyBtn">购买</button>
            </div>
        </div>
    </div>
    

    <!-- 底部部分开始 -->
    <div class="footer">
        <!-- 底部上面部分开始 -->
        <div class="footer_top">
            <div class="w">
                <a href="#">
                    <span class="footer_top_1"></span>
                    正品保障
                </a>
                <a href="#">
                    <span class="footer_top_2"></span>
                    免息分期
                </a>
                <a href="#">
                    <span class="footer_top_3"></span>
                    全球联保
                </a>
                <a href="#">
                    <span class="footer_top_4"></span>
                    假一赔三
                </a>
                <a href="#">
                    <span class="footer_top_5"></span>
                    终身售后
                </a>
            </div>
        </div>
        <!-- 底部上面部分结束 -->

        <!-- 底部中间部分开始 -->
        <div class="footer_center w">
            <!-- 底部中间左边部分开始 -->
            <div class="footer_center_l">
                <h5>客服电话</h5>
                <h2>400-883-2688</h2>
                <span>外呼电话&nbsp;020-83931899</span>
                <a href="#">售后维修</a>
            </div>
            <!-- 底部中间左边部分结束 -->
            <div class="footer_center_r">
                <dl>
                    <dt>新手指南</dt>
                    <dd>
                        <a href="#">注册新会员</a>
                        <a href="#">购物流程</a>
                        <a href="#">手表小知识</a>
                        <a href="#">退换货流程</a>
                    </dd>
                </dl>
                <dl>
                    <dt>支付</dt>
                    <dd>
                        <a href="#">支付方式</a>
                        <a href="#">分期付款</a>
                        <a href="#">发票说明</a>
                        <a href="#">支付问题</a>
                    </dd>
                </dl>
                <dl>
                    <dt>配送</dt>
                    <dd>
                        <a href="#">包裹签收</a>
                        <a href="#">配送方式</a>
                        <a href="#">配送说明</a>
                        <a href="#">自提流程</a>
                    </dd>
                </dl>
                <dl>
                    <dt>手表保障</dt>
                    <dd>
                        <a href="#">正品保障</a>
                        <a href="#">售后服务</a>
                        <a href="#">价格保护</a>
                        <a href="#">七天退换说明</a>
                    </dd>
                </dl>
            </div>
        </div>
        <!-- 底部中间部分结束 -->
        <!-- 底部下间部分开始 -->
        <div class="footer_bottom">
            <div class="w">
                <div class="footer_bottom_t">
                    <a href="#">新款手表</a>
                    <a href="#">手表图片</a>
                    <a href="#">高价回收</a>
                    <a href="#">手表资讯</a>
                    <a href="#">网站联盟</a>
                    <a href="#">手表排行榜</a>
                    <a href="#">手表问答</a>
                    <a href="#">手表专题</a>
                    <a href="#">手表常识</a>
                    <span class="footer_gd">></span>
                    <p class="footer_list">
                        <a href="#">伯爵手表</a>
                        <a href="#">江诗丹顿手表</a>
                        <a href="#">百达翡丽手表</a>
                        <a href="#">宝珀手表</a>
                        <a href="#">爱宝时手表</a>
                        <a href="#">浪琴手表</a>
                        <a href="#">豪利时手表</a>
                        <a href="#">东方星手表</a>
                        <a href="#">卡地亚手表</a>
                    </p>
                </div>
                <div class="footer_bottom_b">
                    <p>&copy;万表网名表商城 版权所有 2009-2021 </p>
                    <p>广州市万表科技股份有限公司 地址:广州市番禺区番禺大道北16号</p>
                    <p>Copyright 2009-2021 WWW.WBIAO.CN.LTD ALL RIGHT RESERVED.</p>
                </div>
            </div>
        </div>
        <!-- 底部下间部分结束 -->
    </div>
    <script src="./js/cart.js"></script>
</body>
</html>